import {
  createInbizSchema,
  createComponentStyleSchema,
  createBizProps,
  createDecoratorStyleSchema,
  createBizStyleSchema,
} from '@inbiz/setters';
import IconPicker from '@components/business/content/News/designer/components/iconPicker'
import MySelect from './components/MySelect';
import ProcessGroup from './components/ProcessGroup';
import { ProcessCenter as LocaleProcessCenter } from './locale';
import { mobiltableedynamicdata, h5_easydynamicdata } from './option'
export const puredynamicdata = [
  {
    id: '1',
    title: 'processCenter.startApply',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-faqishenqing',
      color: '#3280fc',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    blockBackgroundColor: 'rgba(50,128,252,1)',
    titleColor: 'rgba(0,0,0,1)',
    hintNumberColor: 'rgba(0,0,0,1)',
    gridHeight: 80,
    gridNum: 6,
    count: 0,
    hintNumberFontSize: 14,
  },
  {
    id: '2',
    title: 'processCenter.todo',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-wodedaiban',
      color: '#fc6532',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    blockBackgroundColor: 'rgba(252,101,50,1)',
    titleColor: 'rgba(0,0,0,1)',
    hintNumberColor: 'rgba(0,0,0,1)',
    gridHeight: 80,
    gridNum: 6,
    count: 0,
    hintNumberFontSize: 14,
  },
  {
    id: '3',
    title: 'processCenter.applying',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-shenqingzhong',
      color: '#63ce6d',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    blockBackgroundColor: 'rgba(99,206,109,1)',
    titleColor: 'rgba(0,0,0,1)',
    hintNumberColor: 'rgba(0,0,0,1)',
    gridHeight: 80,
    gridNum: 6,
    count: 0,
    hintNumberFontSize: 14,
  },
  {
    id: '4',
    title: 'processCenter.mydraft',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-wodecaogao',
      color: '#6e88e5',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    blockBackgroundColor: 'rgba(110,136,229,1)',
    titleColor: 'rgba(0,0,0,1)',
    hintNumberColor: 'rgba(0,0,0,1)',
    gridHeight: 80,
    gridNum: 6,
    count: 0,
    hintNumberFontSize: 14,
  },
  {
    id: '5',
    title: 'processCenter.tome',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-chaosonggeiwo',
      color: '#f9aa0b',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    blockBackgroundColor: 'rgba(249,170,11,1)',
    titleColor: 'rgba(0,0,0,1)',
    hintNumberColor: 'rgba(0,0,0,1)',
    gridHeight: 80,
    gridNum: 6,
    count: 0,
    hintNumberFontSize: 14,
  },
  {
    id: '6',
    title: 'processCenter.myApply',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-wodeshenqing',
      color: '#ff4f4c',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    blockBackgroundColor: 'rgba(255,79,76,1)',
    titleColor: 'rgba(0,0,0,1)',
    hintNumberColor: 'rgba(0,0,0,1)',
    gridHeight: 80,
    gridNum: 6,
    count: 0,
    hintNumberFontSize: 14,
  },
  {
    id: '7',
    title: 'processCenter.done',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-wodeyiban',
      color: '#36d9a3',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    blockBackgroundColor: 'rgba(54,217,163,1)',
    titleColor: 'rgba(0,0,0,1)',
    hintNumberColor: 'rgba(0,0,0,1)',
    gridHeight: 80,
    gridNum: 6,
    count: 0,
    hintNumberFontSize: 14,
  },
  {
    id: '8',
    title: 'processCenter.classification',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-wodeguidang',
      color: '#5ac8fa',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    blockBackgroundColor: 'rgba(90,200,250,1)',
    titleColor: 'rgba(0,0,0,1)',
    hintNumberColor: 'rgba(0,0,0,1)',
    gridHeight: 80,
    gridNum: 6,
    count: 0,
    hintNumberFontSize: 14,
  },
];

export const colordynamicdata = [
  {
    id: '1',
    title: 'processCenter.startApply',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-faqishenqing',
      color: '#fff',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    blockBackgroundColor: 'rgba(50,128,252,1)',
    titleColor: 'rgba(255,255,255,1)',
    hintNumberColor: 'rgba(255,255,255,1)',
    gridHeight: 80,
    gridNum: 3,
    count: 0,
    hintNumberFontSize: 14,
  },
  {
    id: '2',
    title: 'processCenter.todo',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-wodedaiban',
      color: '#fff',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    blockBackgroundColor: 'rgba(252,101,50,1)',
    titleColor: 'rgba(255,255,255,1)',
    hintNumberColor: 'rgba(255,255,255,1)',
    gridHeight: 80,
    gridNum: 3,
    count: 0,
    hintNumberFontSize: 14,
  },
  {
    id: '3',
    title: 'processCenter.applying',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-shenqingzhong',
      color: '#fff',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    blockBackgroundColor: 'rgba(99,206,109,1)',
    titleColor: 'rgba(255,255,255,1)',
    hintNumberColor: 'rgba(255,255,255,1)',
    gridHeight: 80,
    gridNum: 3,
    count: 0,
    hintNumberFontSize: 14,
  },
  {
    id: '4',
    title: 'processCenter.mydraft',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-wodecaogao',
      color: '#fff',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    blockBackgroundColor: 'rgba(110,136,229,1)',
    titleColor: 'rgba(255,255,255,1)',
    hintNumberColor: 'rgba(255,255,255,1)',
    gridHeight: 80,
    gridNum: 3,
    count: 0,
    hintNumberFontSize: 14,
  },
  {
    id: '5',
    title: 'processCenter.tome',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-chaosonggeiwo',
      color: '#fff',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    blockBackgroundColor: 'rgba(249,170,11,1)',
    titleColor: 'rgba(255,255,255,1)',
    hintNumberColor: 'rgba(255,255,255,1)',
    gridHeight: 80,
    gridNum: 3,
    count: 0,
    hintNumberFontSize: 14,
  },
  {
    id: '6',
    title: 'processCenter.myApply',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-wodeshenqing',
      color: '#fff',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    blockBackgroundColor: 'rgba(255,79,76,1)',
    titleColor: 'rgba(255,255,255,1)',
    hintNumberColor: 'rgba(255,255,255,1)',
    gridHeight: 80,
    gridNum: 3,
    count: 0,
    hintNumberFontSize: 14,
  },
  {
    id: '7',
    title: 'processCenter.done',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-wodeyiban',
      color: '#fff',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    blockBackgroundColor: 'rgba(54,217,163,1)',
    titleColor: 'rgba(255,255,255,1)',
    hintNumberColor: 'rgba(255,255,255,1)',
    gridHeight: 80,
    gridNum: 3,
    count: 0,
    hintNumberFontSize: 14,
  },
  {
    id: '8',
    title: 'processCenter.classification',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-wodeguidang',
      color: '#fff',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    blockBackgroundColor: 'rgba(90,200,250,1)',
    titleColor: 'rgba(255,255,255,1)',
    hintNumberColor: 'rgba(255,255,255,1)',
    gridHeight: 80,
    gridNum: 3,
    count: 0,
    hintNumberFontSize: 14,
  },
];

export const simpledynamicdata = [
  {
    id: '1',
    title: 'processCenter.startApply',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-process-faqishenqing',
      color: '#3280fc',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    blockBackgroundColor: 'rgba(50,128,252,1)',
    titleColor: 'var(--inbiz-color-heading)',
    hintNumberColor: 'rgba(0,0,0,1)',
    gridHeight: 80,
    gridNum: 6,
    count: 0,
  },
  {
    id: '2',
    title: 'processCenter.todo',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-process-wodedaiban',
      color: '#fc6532',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    blockBackgroundColor: 'rgba(252,101,50,1)',
    titleColor: 'var(--inbiz-color-heading)',
    hintNumberColor: 'rgba(0,0,0,1)',
    gridHeight: 80,
    gridNum: 6,
    count: 0,
  },
  {
    id: '3',
    title: 'processCenter.applying',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-process-shenqingzhong',
      color: '#63ce6d',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    blockBackgroundColor: 'rgba(99,206,109,1)',
    titleColor: 'var(--inbiz-color-heading)',
    hintNumberColor: 'rgba(0,0,0,1)',
    gridHeight: 80,
    gridNum: 6,
    count: 0,
  },
  {
    id: '4',
    title: 'processCenter.mydraft',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-process-wodecaogao',
      color: '#6e88e5',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    blockBackgroundColor: 'rgba(110,136,229,1)',
    titleColor: 'var(--inbiz-color-heading)',
    hintNumberColor: 'rgba(0,0,0,1)',
    gridHeight: 80,
    gridNum: 6,
    count: 0,
  },
  {
    id: '5',
    title: 'processCenter.tome',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-process-chaosonggeiwo',
      color: '#f9aa0b',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    blockBackgroundColor: 'rgba(249,170,11,1)',
    titleColor: 'var(--inbiz-color-heading)',
    hintNumberColor: 'rgba(0,0,0,1)',
    gridHeight: 80,
    gridNum: 6,
    count: 0,
  },
  {
    id: '6',
    title: 'processCenter.myApply',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-process-wodeshenqing',
      color: '#ff4f4c',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    blockBackgroundColor: 'rgba(255,79,76,1)',
    titleColor: 'var(--inbiz-color-heading)',
    hintNumberColor: 'rgba(0,0,0,1)',
    gridHeight: 80,
    gridNum: 6,
    count: 0,
  },
  {
    id: '7',
    title: 'processCenter.done',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-process-wodeyiban',
      color: '#36d9a3',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    blockBackgroundColor: 'rgba(54,217,163,1)',
    titleColor: 'var(--inbiz-color-heading)',
    hintNumberColor: 'rgba(0,0,0,1)',
    gridHeight: 80,
    gridNum: 6,
    count: 0,
  },
  {
    id: '8',
    title: 'processCenter.classification',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-process-wodeguidang',
      color: '#5ac8fa',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    blockBackgroundColor: 'rgba(90,200,250,1)',
    titleColor: 'var(--inbiz-color-heading)',
    hintNumberColor: 'rgba(0,0,0,1)',
    gridHeight: 80,
    gridNum: 6,
    count: 0,
  },
];

export const tabdynamicdata = [
  {
    id: '1',
    title: 'processCenter.startApply',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-process-faqishenqing',
      color: '#3280fc',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    processGroup: true,
    blockBackgroundColor: 'rgba(50,128,252,1)',
    titleColor: 'rgba(0,0,0,1)',
    hintNumberColor: 'rgba(0,0,0,1)',
    gridHeight: 80,
    gridNum: 6,
    count: 0,
  },
  {
    id: '2',
    title: 'processCenter.todo',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-process-wodedaiban',
      color: '#fc6532',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    blockBackgroundColor: 'rgba(252,101,50,1)',
    titleColor: 'rgba(0,0,0,1)',
    hintNumberColor: 'rgba(0,0,0,1)',
    gridHeight: 80,
    gridNum: 6,
    count: 0,
  },
  {
    id: '3',
    title: 'processCenter.applying',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-process-shenqingzhong',
      color: '#63ce6d',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    blockBackgroundColor: 'rgba(99,206,109,1)',
    titleColor: 'rgba(0,0,0,1)',
    hintNumberColor: 'rgba(0,0,0,1)',
    gridHeight: 80,
    gridNum: 6,
    count: 0,
  },
  {
    id: '4',
    title: 'processCenter.mydraft',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-process-wodecaogao',
      color: '#6e88e5',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    blockBackgroundColor: 'rgba(110,136,229,1)',
    titleColor: 'rgba(0,0,0,1)',
    hintNumberColor: 'rgba(0,0,0,1)',
    gridHeight: 80,
    gridNum: 6,
    count: 0,
  },
  {
    id: '5',
    title: 'processCenter.tome',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-process-chaosonggeiwo',
      color: '#f9aa0b',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    blockBackgroundColor: 'rgba(249,170,11,1)',
    titleColor: 'rgba(0,0,0,1)',
    hintNumberColor: 'rgba(0,0,0,1)',
    gridHeight: 80,
    gridNum: 6,
    count: 0,
  },
  {
    id: '6',
    title: 'processCenter.myApply',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-process-wodeshenqing',
      color: '#ff4f4c',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    blockBackgroundColor: 'rgba(255,79,76,1)',
    titleColor: 'rgba(0,0,0,1)',
    hintNumberColor: 'rgba(0,0,0,1)',
    gridHeight: 80,
    gridNum: 6,
    count: 0,
  },
  {
    id: '7',
    title: 'processCenter.done',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-process-wodeyiban',
      color: '#36d9a3',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    blockBackgroundColor: 'rgba(54,217,163,1)',
    titleColor: 'rgba(0,0,0,1)',
    hintNumberColor: 'rgba(0,0,0,1)',
    gridHeight: 80,
    gridNum: 6,
    count: 0,
  },
  {
    id: '8',
    title: 'processCenter.classification',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-process-wodeguidang',
      color: '#5ac8fa',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    blockBackgroundColor: 'rgba(90,200,250,1)',
    titleColor: 'rgba(0,0,0,1)',
    hintNumberColor: 'rgba(0,0,0,1)',
    gridHeight: 80,
    gridNum: 6,
    count: 0,
  },
];

export const easydynamicdata = [
  {
    id: '1',
    title: 'processCenter.startApply',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-process-faqishenqing',
      color: '#3280fc',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    processGroup: true,
    blockBackgroundColor: 'rgba(50,128,252,1)',
    titleColor: 'rgba(0,0,0,1)',
    hintNumberColor: 'rgba(0,0,0,1)',
    gridHeight: 80,
    gridNum: 6,
    count: 0,
  },
  {
    id: '2',
    title: 'processCenter.todo',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-process-wodedaiban',
      color: '#fc6532',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    blockBackgroundColor: 'rgba(252,101,50,1)',
    titleColor: 'rgba(0,0,0,1)',
    hintNumberColor: 'rgba(0,0,0,1)',
    gridHeight: 80,
    gridNum: 6,
    count: 0,
  },
  {
    id: '3',
    title: 'processCenter.applying',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-process-shenqingzhong',
      color: '#63ce6d',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    blockBackgroundColor: 'rgba(99,206,109,1)',
    titleColor: 'rgba(0,0,0,1)',
    hintNumberColor: 'rgba(0,0,0,1)',
    gridHeight: 80,
    gridNum: 6,
    count: 0,
  },
  {
    id: '4',
    title: 'processCenter.mydraft',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-process-wodecaogao',
      color: '#6e88e5',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    blockBackgroundColor: 'rgba(110,136,229,1)',
    titleColor: 'rgba(0,0,0,1)',
    hintNumberColor: 'rgba(0,0,0,1)',
    gridHeight: 80,
    gridNum: 6,
    count: 0,
  },
  {
    id: '5',
    title: 'processCenter.tome',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-process-chaosonggeiwo',
      color: '#f9aa0b',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    blockBackgroundColor: 'rgba(249,170,11,1)',
    titleColor: 'rgba(0,0,0,1)',
    hintNumberColor: 'rgba(0,0,0,1)',
    gridHeight: 80,
    gridNum: 6,
    count: 0,
  },
  {
    id: '6',
    title: 'processCenter.myApply',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-process-wodeshenqing',
      color: '#ff4f4c',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    blockBackgroundColor: 'rgba(255,79,76,1)',
    titleColor: 'rgba(0,0,0,1)',
    hintNumberColor: 'rgba(0,0,0,1)',
    gridHeight: 80,
    gridNum: 6,
    count: 0,
  },
  {
    id: '7',
    title: 'processCenter.done',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-process-wodeyiban',
      color: '#36d9a3',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    blockBackgroundColor: 'rgba(54,217,163,1)',
    titleColor: 'rgba(0,0,0,1)',
    hintNumberColor: 'rgba(0,0,0,1)',
    gridHeight: 80,
    gridNum: 6,
    count: 0,
  },
  {
    id: '8',
    title: 'processCenter.classification',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-process-wodeguidang',
      color: '#5ac8fa',
    },
    externalAddress: false,
    linkAddress: '',
    page: '',
    blockBackgroundColor: 'rgba(90,200,250,1)',
    titleColor: 'rgba(0,0,0,1)',
    hintNumberColor: 'rgba(0,0,0,1)',
    gridHeight: 80,
    gridNum: 6,
    count: 0,
  },
];


export const mobiledynamicdata = [
  {
    id: '1',
    title: 'processCenter.startApply',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-faqishenqing',
      color: '#3280fc',
    },
    page: 'apply',
    titleColor: 'rgba(0,0,0,1)',
  },
  {
    id: '2',
    title: 'processCenter.todo',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-wodedaiban',
      color: '#fc6532',
    },
    page: 'todo',
    titleColor: 'rgba(0,0,0,1)',
  },
  {
    id: '3',
    title: 'processCenter.applying',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-shenqingzhong',
      color: '#63ce6d',
    },
    page: 'applying',
    titleColor: 'rgba(0,0,0,1)',
  },
  {
    id: '4',
    title: 'processCenter.mydraft',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-wodecaogao',
      color: '#6e88e5',
    },
    page: 'draft',
    titleColor: 'rgba(0,0,0,1)',
  },
  {
    id: '5',
    title: 'processCenter.tome',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-chaosonggeiwo',
      color: '#f9aa0b',
    },
    page: 'toMe',
    titleColor: 'rgba(0,0,0,1)',
  },
  {
    id: '6',
    title: 'processCenter.myApply',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-wodeshenqing',
      color: '#ff4f4c',
    },
    page: 'myApply',
    titleColor: 'rgba(0,0,0,1)',
  },
  {
    id: '7',
    title: 'processCenter.done',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-wodeyiban',
      color: '#36d9a3',
    },
    page: 'done',
    titleColor: 'rgba(0,0,0,1)',
  },
  {
    id: '8',
    title: 'processCenter.classification',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-wodeguidang',
      color: '#5ac8fa',
    },
    page: 'classification',
    titleColor: 'rgba(0,0,0,1)',
  },
  {
    id: '9',
    title: 'processCenter.assigned',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-ic-yizhipairenwu',
      color: '#5ac8fa',
    },
    page: 'assigned',
    titleColor: 'rgba(0,0,0,1)',
  },
  {
    id: '10',
    title: 'processCenter.willAssigned',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-ic-wodejianglaizhipai',
      color: '#5ac8fa',
    },
    page: 'willassign',
    titleColor: 'rgba(0,0,0,1)',
  },
  {
    id: '11',
    title: 'processCenter.claimTask',
    isEdit: true,
    isHide: true,
    isDel: false,
    icon: {
      size: 40,
      type: 'icon-ic-dailingrenwu',
      color: '#5ac8fa',
    },
    page: 'receive',
    titleColor: 'rgba(0,0,0,1)',
  },
];



export const commonProps = {
  title: {
    status: true,
    value: 'ProcessCenter.title',
  },
};

export const defaultProps = {
  viewtype: 'pure',
  h5_viewType: 'pure',
  customfontsize: 14,
  headerStyle: {
    icon: { color: '', type: 'icon-liuchengzhongxin' },
  },
  style: {
    padding: '0px 15px 15px 15px',
    width: '100%',
  },
  page: '',
  showTabTitle: true,
  defaultpage: '1',
  // 动态数据源初始数据
  puredynamicdata,
  colordynamicdata,
  simpledynamicdata,
  tabdynamicdata,
  easydynamicdata,
  mobiledynamicdata,
  mobiltableedynamicdata,
  h5_easydynamicdata,
  tabVisible: true,
  columns: '2',
  gap: 12,
  horizontalgap: 15,
  verticalgap: 15,
  rangeConfig: 'all',
  ifQuickApproval: false,
  processGroup: {
    selectedRows: [],
    groupGuid: '',
  },
  showLog: true,
  showStatus: true,
  h5_showStatus: true,
  listLogo: 'shixinyuan',
  h5_listLogo: 'shixinyuan',
  easy: [],
  easyDefaultPage: '1',
  h5_easyDefaultPage: '1',
  h5_tableDefaultPage: '1',
  dataLoadMode: 'more',
  loadMoreText: '查看更多',
  loadMoreLocation: 'topRight',
  showMore: true,
  easyLoadMoreText: '查看更多',
  easyLoadMoreLocation: 'topRight',
  openMode: 'newPage',
  openPopUpHeight: {
    value: '600',
    type: 'px',
  },
  openPopUpWidth: {
    value: '1000',
    type: 'px',
  },
  drawerWidth: {
    value: '60',
    type: '%',
  },
};

export const defaultBizProps = {
  pageSize: 10,
};

// Shema
export const propsSchema = createInbizSchema({
  attribute: {
    group_viewType: {
      type: 'void',
      'x-component': 'CollapseItem',
      properties: {
        'x-component-props': {
          type: 'object',
          properties: {
            viewtype: {
              type: 'string',
              enum: ['pure', 'colorcard', 'simple', 'easy', 'processTable'],
              'x-decorator': 'FormItem',
              'x-component': 'Select',
              'x-component-props': {
                defaultValue: 'pure',
              },
              platform: 'web',
            },
            h5_viewType: {
              type: 'string',
              enum: ['pure', 'easy', 'processTable'],
              'x-decorator': 'FormItem',
              'x-component': 'Select',
              'x-component-props': {
                defaultValue: 'pure',
              },
              platform: 'wap',
            },
          },
        },
      },
    },
    base: {
      type: 'void',
      'x-component': 'CollapseItem',
      properties: {
        title: {
          type: 'object',
          'x-decorator': 'FormItem',
          'x-component': 'StatusInput',
          // 'x-reactions': myaction,
          'x-reactions': {
            dependencies: [
              'form.attribute.group_viewType.x-component-props.viewtype',
              'form.attribute.group_viewType.x-component-props.h5_viewType',
            ],
            fulfill: {
              schema: {
                'x-hidden': "{{$deps[0] == 'processTable' || $deps[1] == 'processTable'}}",
              },
            },
          },
        },
        'x-display': {
          type: 'string',
          enum: ['visible', 'hidden'],
          'x-decorator': 'FormItem',
          'x-component': 'Select',
          'x-component-props': {
            defaultValue: 'visible',
          },
        },
        'x-component-props': {
          type: 'object',
          properties: {
            openMode: {
              type: 'string',
              enum: ['popUp', 'newPage', 'rightDrawer'],
              'x-decorator': 'FormItem',
              'x-component': 'Select',
              'x-component-props': {
                defaultValue: 'newPage',
              },
              'x-reactions': {
                dependencies: ['.viewtype'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] != 'processTable'}}",
                  },
                },
              },
              platform: 'web',
            },
            openPopUpWidth: {
              type: 'object',
              'x-decorator': 'FormItem',
              'x-component': 'DistanceInput',
              'x-component-props': {
                defaultValue: {
                  value: '1000',
                  type: 'px',
                },
              },
              'x-reactions': {
                dependencies: ['.viewtype', '.openMode'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] != 'processTable' || $deps[1] != 'popUp'}}",
                  },
                },
              },
              platform: 'web',
            },
            openPopUpHeight: {
              type: 'object',
              'x-decorator': 'FormItem',
              'x-component': 'DistanceInput',
              'x-component-props': {
                defaultValue: {
                  value: '600',
                  type: 'px',
                },
              },
              'x-reactions': {
                dependencies: ['.viewtype', '.openMode'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] != 'processTable' || $deps[1] != 'popUp'}}",
                  },
                },
              },
              platform: 'web',
            },
            drawerWidth: {
              type: 'object',
              'x-decorator': 'FormItem',
              'x-component': 'DistanceInput',
              'x-component-props': {
                defaultValue: {
                  value: '60',
                  type: '%',
                },
              },
              'x-reactions': {
                dependencies: ['.viewtype', '.openMode'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] != 'processTable' || $deps[1] != 'rightDrawer'}}",
                  },
                },
              },
              platform: 'web',
            },
            customfontsize: {
              type: 'number',
              'x-decorator': 'FormItem',
              'x-component': 'InputNumber',
              'x-component-props': {
                defaultValue: 12,
                min: 12,
              },
              'x-reactions': {
                dependencies: ['.viewtype'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] == 'processTable' || $deps[0] == 'easy'}}",
                  },
                },
              },
              platform: 'web',
            },
            horizontalgap: {
              type: 'number',
              'x-decorator': 'FormItem',
              'x-component': 'InputNumber',
              'x-component-props': {
                defaultValue: 15,
              },
              'x-reactions': {
                dependencies: ['.viewtype'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] !== 'colorcard'}}",
                  },
                },
              },
              platform: 'web',
            },
            verticalgap: {
              type: 'number',
              'x-decorator': 'FormItem',
              'x-component': 'InputNumber',
              'x-component-props': {
                defaultValue: 15,
              },
              'x-reactions': {
                dependencies: ['.viewtype'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] !== 'colorcard'}}",
                  },
                },
              },
              platform: 'web',
            },
            // 显示tabtoubu
            showTabTitle: {
              type: 'boolean',
              'x-decorator': 'FormItem',
              'x-component': 'Switch',
              // 'x-component-props': {
              //   defaultValue: true
              // },
              'x-reactions': {
                dependencies: ['.viewtype'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] !== 'processTable' && $deps[0] !== 'easy'}}",
                  },
                },
              },
              platform: 'web',
            },
            showStatus: {
              type: 'boolean',
              'x-decorator': 'FormItem',
              'x-component': 'Switch',
              'x-component-props': {
                defaultChecked: true,
              },
              'x-reactions': {
                dependencies: ['.viewtype'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] !== 'easy'}}",
                  },
                },
              },
              platform: 'web',
            },
            showLog: {
              type: 'boolean',
              'x-decorator': 'FormItem',
              'x-component': 'Switch',
              'x-component-props': {
                defaultChecked: true,
              },
              'x-reactions': {
                dependencies: ['.viewtype'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] !== 'easy'}}",
                  },
                },
              },
              platform: 'web',
            },
            listLogo: {
              type: 'string',
              'x-decorator': 'FormItem',
              'x-component': IconPicker,
              'x-reactions': {
                dependencies: ['.viewtype'],
                when: "{{$deps[0] !== 'easy'}}",
                fulfill: {
                  state: {
                    visible: false,
                    value: undefined,
                  },
                },
                otherwise: {
                  state: {
                    visible: true,
                    value: 'shixinyuan',
                  },
                },
              },
              'x-component-props': {
                defaultValue: 'shixinyuan',
              },
            },
            // 纯净视图数据源使用案例
            puredynamicdata: {
              type: 'array',
              'x-decorator': 'FormItem',
              'x-component': 'DataSource',
              // 根据配置显示
              'x-component-props': {
                config: {
                  // 标题
                  title: true,
                  // 选择图标
                  icon: true,
                  gridHeight: true,
                  gridNum: true,
                  titleColor: true,
                  hintNumberColor: true,
                  hideAddBtn: true,
                  dataName: 'pure',
                  hintNumberFontSize: true,
                },
                // 新建时表单默认值
                default: {
                  title: '新的title',
                  icon: { size: 16, color: 'rgba(255,0,0,1)', type: 'icon-ic-67' },
                  backgroundColor: 'rgba(255,255,255,1)',
                  externalAddress: false,
                  linkAddress: 'v5.edocc2.com',
                  page: '',
                  gridHeight: 80,
                  hintNumberFontSize: 14,
                },
                defaultValue: puredynamicdata,
              },
              'x-reactions': {
                dependencies: ['.viewtype'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] !== 'pure'}}",
                    'x-component-props.defaultPage': '0',
                  },
                },
              },
              platform: 'web',
            },
            // 颜色卡片数据源使用案例
            colordynamicdata: {
              type: 'array',
              'x-decorator': 'FormItem',
              'x-component': 'DataSource',
              // 根据配置显示
              'x-component-props': {
                config: {
                  // 标题
                  title: true,
                  // 选择图标
                  icon: true,
                  gridHeight: true,
                  gridNum: true,
                  titleColor: true,
                  hintNumberColor: true,
                  blockBackgroundColor: true,
                  hideAddBtn: true,
                  dataName: 'colorcard',
                  hintNumberFontSize: true,
                },
                // 新建时表单默认值
                default: {
                  title: '新的title',
                  icon: { size: 16, color: 'rgba(255,0,0,1)', type: 'icon-ic-67' },
                  backgroundColor: 'rgba(255,255,255,1)',
                  externalAddress: false,
                  linkAddress: 'v5.edocc2.com',
                  page: '',
                  gridNum: 3,
                  gridHeight: 80,
                  hintNumberFontSize: 14,
                },
                defaultValue: colordynamicdata,
              },
              'x-reactions': {
                dependencies: ['.viewtype'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] !== 'colorcard'}}",
                    'x-component-props.defaultPage': '0',
                  },
                },
              },
              platform: 'web',
            },
            // 简约视图数据源使用案例
            simpledynamicdata: {
              type: 'array',
              'x-decorator': 'FormItem',
              'x-component': 'DataSource',
              // 根据配置显示
              'x-component-props': {
                config: {
                  // 标题
                  title: true,
                  // 选择图标
                  icon: true,
                  hideAddBtn: true,
                  dataName: 'simple',
                },
                // 新建时表单默认值
                default: {
                  title: '新的title',
                  icon: { size: 16, color: 'rgba(255,0,0,1)', type: 'icon-ic-67' },
                  backgroundColor: 'rgba(255,255,255,1)',
                  externalAddress: false,
                  linkAddress: 'v5.edocc2.com',
                  page: '',
                  gridHeight: 120,
                },
                defaultValue: simpledynamicdata,
              },
              'x-reactions': {
                dependencies: ['.viewtype'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] !== 'simple'}}",
                    'x-component-props.defaultPage': '0',
                  },
                },
              },
              platform: 'web',
            },
            easydynamicdata: {
              type: 'array',
              'x-decorator': 'FormItem',
              'x-component': 'DataSource',
              // 根据配置显示
              'x-component-props': {
                config: {
                  // 标题
                  title: true,
                  // 流程分组
                  processGroup: true,
                  hideAddBtn: true,
                  dataName: 'easy',
                },
                // 新建时表单默认值
                default: {
                  processGroup: true,
                },
                defaultValue: easydynamicdata,
              },
              'x-reactions': {
                dependencies: ['.viewtype', '.easyDefaultPage'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] !== 'easy'}}",
                    'x-component-props.defaultPage': '{{$deps[1]}}',
                  },
                },
              },
            },
            // 列表视图数据源使用案例
            tabdynamicdata: {
              type: 'array',
              'x-decorator': 'FormItem',
              'x-component': 'DataSource',
              // 根据配置显示
              'x-component-props': {
                config: {
                  // 标题
                  title: true,
                  // 流程分组
                  processGroup: true,
                  hideAddBtn: true,
                  dataName: 'processTable',
                },
                // 新建时表单默认值
                default: {
                  processGroup: true,
                },
              },
              'x-reactions': {
                dependencies: ['.viewtype', '.defaultpage'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] !== 'processTable'}}",
                    'x-component-props.defaultPage': '{{$deps[1]}}',
                  },
                },
              },
              platform: 'web',
            },
            // 默认页面
            defaultpage: {
              type: 'string',
              'x-decorator': 'FormItem',
              'x-component': MySelect,
              'x-component-props': {
                defaultValue: tabdynamicdata,
              },
              'x-reactions': {
                dependencies: ['.viewtype', '.tabdynamicdata'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] !== 'processTable'}}",
                    'x-component-props.data': '{{$deps[1]}}',
                  },
                },
              },
              platform: 'web',
            },
            // 默认展示
            easyDefaultPage: {
              type: 'string',
              'x-decorator': 'FormItem',
              'x-component': MySelect,
              'x-component-props': {
                defaultValue: easydynamicdata,
              },
              'x-reactions': {
                dependencies: ['.viewtype', '.easydynamicdata'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] !== 'easy'}}",
                    'x-component-props.data': '{{$deps[1]}}',
                  },
                },
              },
              platform: 'web',
            },
            // 移动化
            columns: {
              type: 'Symbol',
              enum: ['1', '2', '3', '4', '5'],
              'x-decorator': 'FormItem',
              'x-component': 'Select',
              'x-component-props': {
                defaultValue: '2',
              },
              'x-reactions': {
                dependencies: ['.h5_viewType'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] != 'pure'}}",
                  },
                },
              },
              platform: 'wap',
            },
            gap: {
              type: 'Number',
              'x-decorator': 'FormItem',
              'x-component': 'InputNumber',
              'x-reactions': {
                dependencies: ['.h5_viewType'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] != 'pure'}}",
                  },
                },
              },
              platform: 'wap',
            },
            tabVisible: {
              type: 'string',
              'x-decorator': 'FormItem',
              'x-component': 'Switch',
              'x-component-props': {
                defaultValue: true,
              },
              'x-reactions': {
                dependencies: ['.h5_viewType'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] == 'pure'}}",
                  },
                },
              },
              platform: 'wap',
            },
            h5_showStatus: {
              type: 'boolean',
              'x-decorator': 'FormItem',
              'x-component': 'Switch',
              'x-component-props': {
                defaultChecked: true,
              },
              'x-reactions': {
                dependencies: ['.h5_viewType'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] !== 'easy'}}",
                  },
                },
              },
              platform: 'wap',
            },
            mobiledynamicdata: {
              type: 'array',
              'x-decorator': 'FormItem',
              'x-component': 'DataSource',
              // 根据配置显示
              'x-component-props': {
                config: {
                  // 标题
                  title: true,
                  // 选择图标
                  icon: true,
                  titleColor: true,
                  hideAddBtn: true,
                },
                // 新建时表单默认值
                default: {
                  title: '新的title',
                  icon: { size: 16, color: 'rgba(255,0,0,1)', type: 'icon-ic-67' },
                },
                defaultValue: mobiledynamicdata,
              },
              'x-reactions': {
                dependencies: ['.h5_viewType'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] != 'pure'}}",
                    'x-component-props.defaultPage': '0',
                  },
                },
              },
              platform: 'wap',
            },
            mobiltableedynamicdata: {
              type: 'array',
              'x-decorator': 'FormItem',
              'x-component': 'DataSource',
              // 根据配置显示
              'x-component-props': {
                config: {
                  // 标题
                  title: true,
                  // 选择图标
                  icon: false,
                  titleColor: false,
                  hideAddBtn: true,
                },
                defaultValue: mobiltableedynamicdata,
              },
              'x-reactions': {
                dependencies: ['.h5_viewType', '.h5_tableDefaultPage'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] != 'processTable'}}",
                    'x-component-props.defaultPage': '{{$deps[1] == "1" ? "0" : $deps[1]}}',
                  },
                },
              },
              platform: 'wap',
            },
            associatedPage: {
              type: 'string',
              'x-decorator': 'FormItem',
              'x-component': 'PageSelect',
              'x-reactions': {
                dependencies: ['.h5_viewType'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] != 'pure'}}",
                  },
                },
              },
              platform: 'wap',
            },
            h5_tableDefaultPage: {
              type: 'string',
              'x-decorator': 'FormItem',
              'x-component': MySelect,
              'x-reactions': {
                dependencies: ['.h5_viewType', '.mobiltableedynamicdata'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] != 'processTable'}}",
                    'x-component-props.data': '{{$deps[1]}}',
                  },
                },
              },
              platform: 'wap',
            },
            h5_listLogo: {
              type: 'string',
              'x-decorator': 'FormItem',
              'x-component': IconPicker,
              'x-reactions': {
                dependencies: ['.h5_viewType'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] !== 'easy'}}",
                  },
                },
              },
              'x-component-props': {
                defaultValue: 'shixinyuan',
              },
              platform: 'wap',
            },
            h5_easydynamicdata: {
              type: 'array',
              'x-decorator': 'FormItem',
              'x-component': 'DataSource',
              // 根据配置显示
              'x-component-props': {
                config: {
                  // 标题
                  title: true,
                  // 流程分组
                  processGroup: true,
                  hideAddBtn: true,
                  dataName: 'easy',
                },
                // 新建时表单默认值
                default: {
                  processGroup: true,
                },
                defaultValue: h5_easydynamicdata,
              },
              'x-reactions': {
                dependencies: ['.h5_viewType', '.h5_easyDefaultPage'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] !== 'easy'}}",
                    'x-component-props.defaultPage': '{{$deps[1]}}',
                  },
                },
              },
              platform: 'wap',
            },
            // 默认展示
            h5_easyDefaultPage: {
              type: 'string',
              'x-decorator': 'FormItem',
              'x-component': MySelect,
              'x-reactions': {
                dependencies: ['.h5_viewType', '.h5_easydynamicdata'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] !== 'easy'}}",
                    'x-component-props.data': '{{$deps[1]}}',
                  },
                },
              },
              platform: 'wap',
            },
            ifQuickApproval: {
              type: 'boolean',
              'x-decorator': 'FormItem',
              'x-component': 'Switch',
              'x-reactions': {
                dependencies: ['.viewtype'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] !== 'processTable'}}",
                  },
                },
              }
            },
            rangeConfig: {
              type: 'string',
              enum: ['all', 'custom'],
              'x-decorator': 'FormItem',
              'x-component': 'Radio.Group',
              'x-component-props': {
                defaultValue: 'all',
              },
              'x-reactions': {
                dependencies: ['.viewtype', '.h5_viewType'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] == 'simple' || $deps[1] == 'pure'}}",
                  },
                },
              },
              // platform: 'web',
            },
            processGroup: {
              type: 'array',
              'x-decorator': 'FormItem',
              'x-component': ProcessGroup,
              'x-reactions': {
                dependencies: ['.rangeConfig', '.viewtype'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] =='all' || $deps[1] == 'simple'}}",
                  },
                },
              },
              // platform: 'web',
            },
            dataLoadMode: {
              type: 'string',
              'x-decorator': 'FormItem',
              'x-component': 'Select',
              enum: ['pagination', 'more'],
              'x-reactions': {
                dependencies: ['.viewtype'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] !== 'easy'}}",
                  },
                },
              },
              'x-component-props': {
                defaultValue: 'more',
              },
            },
            showMore: {
              type: 'boolean',
              'x-decorator': 'FormItem',
              'x-component': 'Switch',
              'x-reactions': {
                dependencies: ['.h5_viewType'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] !== 'easy'}}",
                  },
                },
              },
              platform: 'wap',
            },
            loadMoreText: {
              type: 'string',
              'x-decorator': 'FormItem',
              'x-component': 'MultilingualInput',
              'x-reactions': {
                dependencies: ['.dataLoadMode', '.viewtype'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] == 'pagination' || $deps[1] != 'easy'}}",
                  },
                },
              },
              'x-component-props': {
                value: '查看更多',
              },
            },
            easyLoadMoreText: {
              type: 'string',
              'x-decorator': 'FormItem',
              'x-component': 'MultilingualInput',
              'x-reactions': {
                dependencies: ['.showMore', '.h5_viewType'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] != true || $deps[1] != 'easy'}}",
                  },
                },
              },
              'x-component-props': {
                defaultValue: '查看更多',
              },
            },
            loadMoreLocation: {
              type: 'string',
              'x-decorator': 'FormItem',
              'x-component': 'Radio.Group',
              enum: ['topRight', 'bottomRight'],
              'x-reactions': {
                dependencies: ['.dataLoadMode', '.viewtype'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] == 'pagination' || $deps[1] != 'easy'}}",
                  },
                },
              },
              'x-component-props': {
                defaultValue: 'topRight',
              },
            },
            easyLoadMoreLocation: {
              type: 'string',
              'x-decorator': 'FormItem',
              'x-component': 'Radio.Group',
              enum: ['topRight', 'bottomMiddle'],
              'x-reactions': {
                dependencies: ['.showMore', '.h5_viewType'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] != true || $deps[1] != 'easy'}}",
                  },
                },
              },
            },
            associatePage: {
              type: 'string',
              'x-decorator': 'FormItem',
              'x-component': 'PageSelect',
              'x-reactions': {
                dependencies: ['.dataLoadMode', '.viewtype'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] == 'pagination' || $deps[1] != 'easy'}}",
                  },
                },
              },
            },
            easyAssociatePage: {
              type: 'string',
              'x-decorator': 'FormItem',
              'x-component': 'PageSelect',
              'x-reactions': {
                dependencies: ['.showMore', '.h5_viewType'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] != true || $deps[1] != 'easy'}}",
                  },
                },
              },
            },
            page: {
              type: 'string',
              'x-decorator': 'FormItem',
              'x-component': 'PageSelect',
              'x-component-props': {
                allowClear: true,
              },
              'x-reactions': {
                dependencies: ['.viewtype'],
                fulfill: {
                  schema: {
                    'x-hidden': "{{$deps[0] == 'processTable' || $deps[0] == 'easy'}}",
                  },
                },
              },
              platform: 'web',
            },
          },
        },
      },
    },
    ...createBizProps(
      {
        pageSize: {
          type: 'number',
          'x-decorator': 'FormItem',
          'x-component': 'NumberPicker',
          'x-component-props': {
            min: 1,
            defaultValue: 10,
          },
        },
      },
      true,
      {
        dependencies: [
          'form.attribute.group_viewType.x-component-props.viewtype',
          'form.attribute.group_viewType.x-component-props.h5_viewType',
        ],
        fulfill: {
          schema: {
            'x-hidden': "{{$deps[0] !== 'easy' && $deps[1] !== 'easy'}}",
          },
        },
      },
    ),
  },
  style: {
    ...createComponentStyleSchema({
      ...createBizStyleSchema({}, {}),
    }),
    ...createDecoratorStyleSchema(),
  },
});

export const defaultH5Behavior = {
  name: 'ProcessCenter',
  selector: (node) => node.props['x-component'] === 'ProcessCenter',
  extends: ['Field'],
  designerLocales: LocaleProcessCenter,
  designerProps: {
    propsSchema,
    allowDrop: (node: any,) => {
      return node.props['x-component'] === 'Form' || node.props['x-component'] === undefined
    },
  },
};


export const defaultBehavior = {
  name: 'ProcessCenter',
  selector: (node) => node.props['x-component'] === 'ProcessCenter',
  extends: ['Field'],
  designerLocales: LocaleProcessCenter,
  designerProps: { propsSchema },
};

export const defaultResource = {
  icon: 'ProgressCenter',
  elements: [
    {
      componentName: 'Field',
      props: {
        ...commonProps,
        type: 'void',
        'x-decorator': 'Container',
        'x-decorator-props': {
          style: {
            height: '100%',
            marginRight: '1px',
          },
        },
        'x-component': 'ProcessCenter',
        'x-component-props': defaultProps,
        'x-component-biz-props': defaultBizProps,
      },
    },
  ],
};
